<!-- 个人信息页面顶部组件 -->
<template>
	<div>
		<el-row>
			<el-col :span="24">
				<div class="block demo-basic--circle mains">
					<el-row>
						<el-col :span="1.9" style="margin: 0.1875rem;">
							<el-avatar :size="60"
								:src="src">
							</el-avatar>
						</el-col>
						<el-col :span="6" class="school">
							{{this.student.school}}
						</el-col>
						<el-col :span="9" class="headline">
							校园一卡通服务平台
						</el-col>
					</el-row>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import userDataMixin from '../../mixin/userDataMixin'
	export default {
		mixins:[userDataMixin],
		data(){
			return{
			src:"http://120.79.136.233:9898/queryCollegePictureById/"+localStorage.getItem("userId")
			}
		}
	}
	
</script>

<style scoped>

	.el-col {
		border-radius: 4px;
	}

	.bg-purple-dark {
		background: #0068D7;
	}


	.grid-content {
		border-radius: 4px;
		min-height: 36px;
	}

	.mains {
		background-color: #0068DB;
	}

	.school {
		margin-top: 15px;
		margin-left: 8px;
		font-size: 25px;
	}

	.headline {
		margin-top: 20px;
		font-size: 25px;
		color: #FFFFFF;
		text-align: center
	}
</style>
